<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="./js/jquery-1.4.3.js"></script>
</head>
<body style="text-align: center;">
    <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=350 src="heard.html" frameborder=0></iframe>
    <div style="float:left;width:15%;heigth:auto;">
    	<ul style="list-style: none;">
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="joop(1);">分类管理</a></li>
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="joop(2);">用户管理</a></li>
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="joop(3);">文件管理</a></li>
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="joop(4);">报告分析</a></li>
    	</ul>
    </div>
    <div style="float:left;width:85%;heigth:auto;" id="content">
   		 <iframe name="content_frame" id="wenjianfenlei" style="display:none;" marginwidth=0 marginheight=0 width=100% height=80% src="wenjianfenlei.html" frameborder=0></iframe>
   		 <iframe name="content_frame" id="yonghuguanli"  style="display:none;" marginwidth=0 marginheight=0 width=100% height=80% src="yonghuguanli.html" frameborder=0></iframe>
   		 <iframe name="content_frame" id="wenjianguanli" style="display:none;" marginwidth=0 marginheight=0 width=100% height=80% src="wenjianguanli.html" frameborder=0></iframe>
   		 <iframe name="content_frame" id="baogaofenxi" style="display:none;" marginwidth=0 marginheight=0 width=100% height=80% src="baogaofenxi.html" frameborder=0></iframe>   		 
    </div>
   <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=200 src="foot.html" frameborder=0></iframe>
   <script>
      function joop(id){
      var dd = "";
        if(id == 1){
          $("#wenjianfenlei").css("display","block");
          $("#yonghuguanli").css("display","none");
          $("#wenjianguanli").css("display","none");
          $("#baogaofenxi").css("display","none");   
        }else if(id == 2){
          $("#yonghuguanli").css("display","block");
          $("#wenjianfenlei").css("display","none");
          $("#wenjianguanli").css("display","none");
          $("#baogaofenxi").css("display","none"); 
        }else if(id == 3){
          $("#wenjianguanli").css("display","block");
          $("#wenjianfenlei").css("display","none");
          $("#yonghuguanli").css("display","none");
          $("#baogaofenxi").css("display","none"); 
        }else if(id == 4){
          $("#baogaofenxi").css("display","block");
          $("#wenjianfenlei").css("display","none");
          $("#yonghuguanli").css("display","none");
          $("#wenjianguanli").css("display","none");       
       }
       
      }
   </script>
</body>
</html>